<style lang="less">
@import "../../styles/common.less";
@import "inventory.less";
</style>
<template>
  <div class="home-main">
    <Card class="margin-top-20">
      <p slot="title">库存管理</p>

      <Row class="margin-top-20 margin-bottom-20 box">
        <Col span="4">
          <div class="box-item inbound" @click="navInbound">
            <Row>
              <Col span="12">
                <div class="value">商品入库</div>

              </Col>
              <Col span="12" class="t_r margin-top-10">
              <Icon size="50" type="arrow-graph-down-right"></Icon>
              </Col>
            </Row>
          </div>
        </Col>
        <Col span="4">
          <div class="box-item outbound" @click="navOutbound">
            <Row>
              <Col span="12">
                <div class="value">商品出库</div>
              </Col>
              <Col span="12" class="t_r margin-top-10">
                <Icon size="50" type="arrow-graph-up-right"></Icon>
              </Col>
            </Row>
          </div>
        </Col>
        <Col span="4">
          <div class="box-item taking" @click="navTaking">
            <Row>
              <Col span="12">
                <div class="value">商品盘点</div>
              </Col>
              <Col span="12" class="t_r margin-top-10">
                <Icon size="50" type="wrench"></Icon>
              </Col>
            </Row>
          </div>
        </Col>
      </Row>
    </Card>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    navInbound(){
      this.$router.push({
          name: 'inventoryinbound',
      });
    },
    navOutbound(){
      this.$router.push({
          name: 'inventoryoutbound',
      });
    },
    navTaking(){
      this.$router.push({
          name: 'inventorytaking',
      });
    }
  },
  mounted() {}
};
</script>
